{% extends "layout.html" %}
{% block subtitle %}Sign In{% endblock %}
{% block head %}
    {{ super() }}
    <link href="css/signin.css" rel="stylesheet" type="text/css" /> 
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="js/signin.js" type="text/javascript"></script>
{% endblock %}
{% block content %}
<form name="signin" method="post" action="/signin" id="signin" class="ppform" > 
 
	<h1> 
	       Sign in with your Google Account
	</h1> 
 
	<div class="clearfix"> 
		<label for="email" class="name"> 
		        Email:
		</label> 
		<input name="email" type="text" id="email" value="{{ email or '' }}" tabindex=1 /> 
	</div> 
	
	<div class="clearfix"> 
		<label for="password" class="name"> Password:</label> 
		<input name="password" type="password" id="password" tabindex=2 /> 
	</div> 
 
	<div class="submit clearfix">
		<label class="name"></label> 
		<span class="notification">{{ message or '' }}</span> 
		<input type="submit" name="login" class="button rounded" value="Sign In" id="login" tabindex=3 />  
	</div> 
</form> 
{% endblock %}
